// 使用但文件组件，实现评论列表
import React from 'react';

// 重构成函数组件
export const CommentCount = ({ count }) => {
  return (
    <div className="comment-number">
      <span>{count}评论</span>
    </div>
  );
};

// const CommentCount = (props) => {
//   return (
//     <div className="comment-number">
//       <span>{props.count}评论</span>
//     </div>
//   );
// }

// 实际开啊大部分情况是按需导出
export class CommentCount1 extends React.Component {
  // constructor 定义

  // 组件UI
  render() {
    return (
      <div className="comment-number">
        <span>{this.props.count}评论</span>
      </div>
    );
  }
}
